<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <title>用户管理</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link rel="icon" type="image/x-icon" href="/cctv/favicon.ico"/>
    <link rel="stylesheet" type="text/css" href="/cctv/css/common/itemlist.css"/>
    <link rel="stylesheet" type="text/css" href="/cctv/css/userinfo/showlist.css"/>
    <script type="text/javascript" src="/cctv/js/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="/cctv/js/laydate-1.0/laydate.js"></script>
    <script type="text/javascript" src="/cctv/js/userinfo/showlist.js"></script>
</head>
<body>
<div th:replace="navigation::navigation"></div>
<div id="tips"></div>
<div id="main">
    <div id="mainMenu">
        <div id="menuTitle" th:text="#{menu.title.text}"></div>
        <div class="menu2"><a href="/cctv/project/showlist" th:text="#{menu.div.text1}"></a></div>
        <div class="menu2"><a href="/cctv/project/sitelist" th:text="#{menu.div.text2}"></a></div>
        <shiro:hasRole name="role2">
            <div class="menu2"><a href="/cctv/project/findlist" th:text="#{menu.div.text3}"></a></div>
        </shiro:hasRole>
        <shiro:hasRole name="role3,vrole">
            <div class="menu2"><a href="/cctv/markinfo/markview" th:text="#{menu.div.text4}"></a></div>
            <div class="menu2"><a href="/cctv/markinfo/marklist" th:text="#{menu.div.text5}"></a></div>
        </shiro:hasRole>
        <shiro:hasRole name="role2,vrole">
            <div class="menu2"><a href="/cctv/markinfo/findlist" th:text="#{menu.div.text6}"></a></div>
        </shiro:hasRole>
        <shiro:hasRole name="role2">
            <div class="menu2"><a href="/cctv/operator/showlist" th:text="#{menu.div.text7}"></a></div>
            <div class="menu1"><a href="/cctv/userinfo/showlist" th:text="#{menu.div.text8}"></a></div>
        </shiro:hasRole>
        <shiro:hasRole name="vrole">
            <div class="menu2"><a href="/cctv/message/showlist" th:text="#{menu.div.text9}"></a></div>
        </shiro:hasRole>
        <div class="menu2"><a href="/cctv/userinfo/center" th:text="#{menu.div.text0}"></a></div>
    </div>

    <div id="mainInfo">
        <div id="infoTop" th:text="#{userinfo.showlist.title}"></div>
        <div id="infoMenu">
            <span th:text="#{userinfo.showlist.menu1}"></span>
            <input id="menuBtn1" type="button" value="←"/>
            <input id="menuText" th:value="${param.name}"/>
            <input id="menuBtn2" type="button" th:value="#{userinfo.showlist.menu2}"/>
            <input type="button" id="export" value="数据统计"/>
        </div>
        <table id="tab1">
            <thead>
            <tr height="40px" style="background-color:#51596b">
                <th width="4%">NO</th>
                <th width="14%" th:text="#{userinfo.showlist.table.title1}"></th>
                <th width="16%" th:text="#{userinfo.showlist.table.title2}"></th>
                <th width="16%" th:text="#{userinfo.showlist.table.title3}"></th>
                <th width="20%" th:text="#{userinfo.showlist.table.title4}"></th>
                <th width="10%" th:text="#{userinfo.showlist.table.title5}"></th>
                <th width="10%" th:text="#{userinfo.showlist.table.title6}"></th>
                <th width="10%" th:text="#{userinfo.showlist.table.title7}"></th>
            </tr>
            </thead>
            <tbody>
            <tr th:each="user,status:${users}" th:id="${user.id}">
                <td th:text="${status.count + (page - 1) * 15}"></td>
                <shiro:hasRole name="vrole">
                    <td><a th:href="@{showinfo(id=${user.id})}" th:text="${user.name}"></a></td>
                </shiro:hasRole>
                <shiro:lacksRole name="vrole">
                    <td><a th:text="${user.name}"></a></td>
                </shiro:lacksRole>
                <td th:text="${user.username}"></td>
                <td th:text="${user.password}"></td>
                <td th:text="${user.email}"></td>
                <td th:if="${user.role == 'role2'}">管理人員</td>
                <td th:if="${user.role == 'role3'}">評分人員</td>
                <td th:if="${user.role == 'role4'}">操作人員</td>
                <td th:text="${user.state}"></td>
                <td><input type="button" th:value="#{userinfo.showlist.table.button}"></td>
            </tr>
            </tbody>
        </table>
        <img th:if="${#lists.isEmpty(users)}" src="/cctv/img/null.png" style="margin:145px 400px;float:left;">
        <table id="tab2" th:if="${!#lists.isEmpty(users)}">
            <tr height="65px">
                <td width="45%" align="right"><input type="button" th:value="#{showlit.page.button1}" class="pagebtn"/></td>
                <td width="10%" align="center"><a id="page1" th:text="${page}"></a> / <a id="page2" th:text="${count}"></a></td>
                <td width="45%" align="left"><input type="button" th:value="#{showlit.page.button2}" class="pagebtn"/></td>
            </tr>
        </table>
    </div>
</div>
<div id="page">
    <div id="webform">
        <table id="table1">
            <colgroup>
                <col width="34%">
                <col width="66%">
            </colgroup>
            <tr>
                <td style="text-align: right">起始日期：</td>
                <td><input type="text" name="date1" readonly="readonly" placeholder="请选择开始日期"/></td>
            </tr>
            <tr>
                <td style="text-align: right">结束日期：</td>
                <td><input type="text" name="date2" readonly="readonly" placeholder="请选择结束日期"/></td>
            </tr>
            <tr>
                <td style="text-align: right">统计方式：</td>
                <td>
                    <input type="radio" name="index" value="4" checked="checked"/>
                    <label>年份</label>
                    <input type="radio" name="index" value="7"/>
                    <label>月份</label>
                    <input type="radio" name="index" value="0"/>
                    <label>日期</label>
                </td>
            </tr>
            <tr>
                <td></td>
                <td><input type="button" value="导出"/></td>
            </tr>
        </table>
    </div>
</div>


<div style="width:100%;margin-top:20px;color:#ccc;text-align:center;font-size:14px;float:left;">
    <p>香港麦斯迪埃高科技有限责任公司</p>
    <p>Copyright © 2017 All Rights Reserved</p>
</div>
</body>
</html>